<template>
  <div>
<calendars  :datas="amount" v-bind="{calendarclick,Monthclick,daysclick,moresClick,typede:typesl}" ref="currenttime"></calendars>
  </div>
</template>
<script>
window.abc
import calendars from "./components/calendars.vue"
let demoEventss = [
    {
      key:0,
      title    : '作用域插槽用来自定义渲染日期单元格，返回内容会被追加到单元格,',
      start    : 1567730198000,
      classban : '教室一',
      data     :{"name":"smith","age":30,"sex":"男"},
      schooltime :'8:10-9:10',
      //跟换颜色
      color : 'red',
      size:'yellow'
      // end      : '2019-09-3',
      // cssClass : 'family'
    },
    {
       key:1,
      title : 'Lunfel 726-727',
      start : 1567754465000,
      data     :{"name":"smith","age":30,"sex":"男"},
      color : '#C7E6FD',
      // end : '2019-09-26',
      // cssClass : ['home', 'work']
    },
    {
       key:7,
      title : 'Lunfel 726-727',
      start : 1567754465001,
      data     :{"name":"smith","age":30,"sex":"男"},
      color : '#C7E6FD',
      // end : '2019-09-26',
      // cssClass : ['home', 'work']
    },
    {
       key:8,
      title : 'Lunfel 726-727',
      start : 1567754465002,
      data     :{"name":"smith","age":30,"sex":"男"},
      color : '#C7E6FD',
      // end : '2019-09-26',
      // cssClass : ['home', 'work']
    },
    {
       key:2,
      title : 'Lunfel 2/27-2/28',
      start : 1567754504569,
      data     :{"name":"smith","age":30,"sex":"男"},
      color : '#C7E6FD',
      // end : '2019-09-27'
    },
    { 
         key:3,
        title : 'Lunfel 2/27-2/28',
        start : 1567816598000,
        // end : '2019-09-27'
        data     :{"name":"smith","age":30,"sex":"男"},
        color : '#C7E6FD',
    },
    {
         key:4,
        title : 'Lunfel 2/27-2/28',
        start : 1567823798000,
        // end : '2019-09-27'
        data     :{"name":"smith","age":30,"sex":"男"},
        color : '#C7E6FD',
    },
    {
         key:5,
        title : 'Lunfel 2/26-3/05',
        start : 1567902998000,
        // end : '2019-09-26'
        data     :{"name":"smith","age":30,"sex":"男"},
        color : '#C7E6FD',
    },
    { 
         key:6,
        title : '5555555',
        start : 1567910198000,
        // end : '2019-09-26'
        data     :{"name":"smith","age":30,"sex":"男"},
        color : '#C7E6FD',
    },
  ];
export default {
  data () {
		return {
            amount : demoEventss,
            hour:Math.round(new Date()),
            typesl:1
        }
  },
  methods:{
    calendarclick(v) {
      console.log(v)
    },
    Monthclick(v){
      console.log(v)
    },
    daysclick(c){
console.log(c._d)
    this.$refs.currenttime.timek(c._d)
    },
    moresClick(v){
console.log(v)
    }
  },
   mounted(){
    window.abc=this
    
  },
  components : {
    calendars
  }
}
</script>